<div class="header">
    <div class="head clearfix">
        <img src="/gzht/statics/img/logo.png" class="logo">
        <div class="nav clearfix">
            <a href="/gzht/history" target="pageFrame"><img src="/gzht/statics/img/nav_icon1.png">井史数据</a>
            <a href="/gzht/drawTool" class="cur" target="pageFrame"><img src="/gzht/statics/img/nav_icon2.png">管柱绘图</a>
            <a href="/gzht/toolManager" target="pageFrame"><img src="/gzht/statics/img/nav_icon3.png">工具管理</a>
            <a href="/gzht/templateManager" target="pageFrame"><img src="/gzht/statics/img/nav_icon4.png">模板管理</a>
            <!--<a href="javascript:void(0);"><img src="/gzht/statics/img/nav_icon5.png">筛选显示规则管理</a>-->
        </div>
        <div class="head_right clearfix">
            <a href="/gzht/userCenter"><img src="/gzht/statics/img/bg.png" style="cursor: pointer;" class="pic"></a>
            <img src="/gzht/statics/img/down.png" style="cursor: pointer;" class="jt" id="showMenu">
        </div>
    </div>
    <div class="zh_dialog">
        <p><a href="logout">退出登录</a></p>
    </div>
    <script>
        $('#showMenu').on('mouseover',function () {
            $(".zh_dialog").slideDown();
        })
        $('.zh_dialog').on("mouseout",function () {
            $(this).slideUp();
        })
        $('.head .nav a').on('click', function () {
            $(this).siblings().removeClass('cur')
            $(this).addClass('cur')
        })
    </script>
</div>
